           
           

          @media(max-width:1400px){
                
               
                main .news .title .filter{
                    top: 120px;
                }
                main .news ul li {
                    width: calc(100% / 3 - 2.6vw);
                }
                main .news ul li + li{
                    margin-left: 3.9vw;
                }
            }
            @media (max-width:1240px){
                main .case .contn{
                    margin-top: 210px;
                }
                main .case .blockHead .roll .examples .block span:first-child{
                    font-size: 42px;
                }
                main .case .blockHead .roll .examples .block span:last-child{
                    font-size: 18px;
                    margin-top: 10px;
                }
                main .news .title .filter p{
                    font-size: 16px;
                    line-height: 16px;
                }
                main .about .content .txt .txtBox p{
                    font-size: 16px;
                }
                main .about .content .txt .txtBox p span{
                    font-size: 20px;
                }
            }
            @media (max-width:1200px){
                main .about .content .txt{
                    margin-left: 4vw;
                    padding: 20px 15px;
                }
               
                main .team .arrows{
                    width: 25%;
                }
                main .team .arrows img{
                    width: 18px;
                }
                main .team .pic{
                    width: 40%;
                    margin-left: 25%;
                }
                main .team .info{
                    padding-left: 60px;
                    padding-right: 60px;
                    width: 38%;
                }
            }
            @media(max-width:1050px){
                main .news ul li{
                    width: 100%;
                }
                /*
                main .news ul li .content .txt p{
                    min-height: initial;
                    max-height: 80px;
                }*/
                main .news ul li + li{
                    margin-left: 0px;
                    margin-top: 30px;
                }
                main .news ul li .pic{
                    height: initial;
                }
            }
            
            @media(max-width:1024px){
                main img.marks{
                    width: 80px;
                }
                main .tips,
                main .tips i{
                    margin-top: 80px;
                }
                main .news + .tips{
                    padding-bottom: 80px;
                }
                main .tips .chn{
                    font-size: 36px;
                    line-height: 36px;
                }
                main .tips .eng{
                    font-size: 20px;
                    line-height: 20px;
                }
                main .more{
                    height: 40px;
                    width: 115px;
                    font-size: 14px;
                }
                main .more .imgContn img{
                    width: 22px;
                }
                
                main .headSwiper .prev{
                    left: 30px;
                }
                main .headSwiper .next{
                    right: 30px;
                }
                main .headSwiper .swiper-slide .pageTip{
                    height: 140px;
                    left: 30px;
                }
                main .headSwiper .swiper-slide .pageTip p{
                    font-size: 24px;
                }
                main .headSwiper .swiper-slide .pageTip .name{
                    font-size: 36px;
                }
                main .headSwiper .swiper-slide .pageTip .name i{
                    width: 60px;
                }
                main .about .contn{
                    padding-left: 0px;
                    margin-top: 40px
                }
                main .about .aboutTips p{
                    height: 60px;
                }
                main .about .aboutTips p.scd{
                    line-height: 60px;
                }
                main .about .aboutTips .lft p{
                    font-size: 52px;
                }
                main .about .aboutTips .lft .thd{
                    font-size: 36px;
                }
                main .about .aboutTips .rht .fst{
                    font-size: 32px;
                }
                main .about .aboutTips .rht .scd{
                    font-size: 38px;
                }
                main .about .aboutTips .rht .thd{
                    font-size: 45px;
                }
                main .about .aboutTips i{
                    margin:0px 5vw;
                }
                main .about .content{
                    flex-direction: column;
                    margin-top: 80px;
                    padding-bottom: 85px;
                }
                main .about .content .round{
                    margin: 0px auto;
                }
                main .about .content .txt{
                    margin-left: 0px;
                    margin-top: 45px;
                    padding: 15px 10px;
                }
                main .case{
                    margin-top: 80px;
                }
                main .case .contn{
                    margin-top: 180px;
                }
                main .case .contn .sideNav li p{
                    font-size: 16px;
                }
                main .case .contn .sideNav li .fNav.msEnter{
                    font-size: 18px;
                }
                main .case .contn .sideNav li .sonMenu li{
                    font-size: 14px;
                    line-height: 14px;
                }
                main .case .roll{
                    margin-top: 60px;
                }
                main .case .roll .examples{
                    justify-content: space-around;
                }
                main .case .contn .sideNav{
                    width: 170px;
                }
                main .case .contn .examplePalace{
                    width: calc(100% - 170px);
                    transition: height ease .3s;
                }
                main .case .blockHead{
                    display: block;
                }
                
                main .team{
                    padding-top: 90px;
                }
                main .team .content{
                    margin-top: 140px;
                }
                main .team .arrows img + img{
                    margin-left: 8px;
                }
                main .team .pic{
                    height: 600px;
                }
                main .team .info{
                    padding-left: 40px;
                    padding-right: 40px;
                }
                main .team .info>p:first-child{
                    font-size: 30px;
                }
                main .team .info i{
                    margin: 15px 0px;
                }
                main .team .info .name{
                    font-size: 42px;
                }
                main .team .info .paragraph p{
                    font-size: 14px;
                }

                main .news .title .filter{
                    top:100px;
                }
                main .news .title .filter p{
                    margin-left: 60px;
                }
                main .news>.more{
                    margin-top: 80px;
                }
            }
            @media(max-width:900px){

                main .news .title .filter{
                    position: initial;
                    margin-top: 65px;
                    margin-left: 25px;
                    transform: initial;
                }
                main .news .title .filter p{
                    margin-left: 0px;
                    margin-right: 20px;
                }
                main .news .newsBox{
                    padding-top: 60px;
                    clear: both;
                }
                main .news ul{
                    padding: 0px 25px;
                }
            }
            @media(min-width:768px) and (max-width:1024px){
                main .case .contn .examplePalace .box .item a{
                    width: calc(100% / 2 - 6px);
                    margin-left: 12px;
                    margin-top: 10px;
                }
                main .case .contn .examplePalace .box .item a:nth-child(-n + 2){
                    margin-top: 0px;
                }
                main .case .contn .examplePalace .box .item a:nth-child(2n + 1){
                    margin-left: 0px;
                }
            }
            @media(min-width:1025px){
                main .case .contn .examplePalace .box .item a{
                    width: calc(100% / 3 - 8px);
                    margin-left: 12px;
                    margin-top: 10px;
                }
                main .case .contn .examplePalace .box .item a:nth-child(-n + 3){
                    margin-top: 0px;
                }
                main .case .contn .examplePalace .box .item a:nth-child(3n + 1){
                    margin-left: 0px;
                }
            }
            @media(min-width:768px){
                main .about .aboutTips .lft,
                main .about .aboutTips .rht{
                    display: block;
                }
                main .about .content>.more{
                    display: none;
                }
            }
            @media (max-width:767px){
                main .more{
                    font-size: 12px;
                    height: 35px;
                    width: 90px;
                }
                main .more .imgContn img{
                    width: 20px;
                }
                main .tips .chn{
                    font-size: 24px;
                    line-height: 24px;
                }
                main .tips .eng{
                    font-size: 18px;
                    line-height: 18px;
                }
                
                main img.marks{
                    width: 60px;
                }
                main .headSwiper .flipBtn{
                    width: 5vw;
                }
                main .headSwiper .prev{
                    left: 20px;
                }
                main .headSwiper .next{
                    right: 20px;
                }
                main .headSwiper .swiper-slide .pageTip{
                    bottom: 60px;
                    left: 20px;
                    height: 100px;
                }
                main .headSwiper .swiper-slide .pageTip p{
                    font-size: 16px;
                }
                main .headSwiper .swiper-slide .pageTip .name{
                    font-size: 24px;
                }
                main .headSwiper .swiper-slide .pageTip .name i{
                    width: calc(20px + 3vw);
                }
                main .headSwiper>img:last-child{
                    bottom: 30px;
                }


                main .about{
                    overflow: hidden;
                }
                main .about .contn{
                    margin-top: 30px;
                }
                main .about .aboutTips{
                    justify-content: initial;
                    flex-direction: column;
                }
                main .about .aboutTips i{
                    height: 20vw;
                    width: 2px;
                    flex: initial;
                    margin: 20px 0px;
                }
                main .about .aboutTips p{
                    height: initial;
                    display: block;
                    text-align: center;
                }
                main .about .aboutTips p.scd{
                    line-height: initial;
                }
               
                main .about .aboutTips .lft p{
                    font-size: 36px;
                }
                main .about .aboutTips .lft .scd{
                    margin: 0px;
                    margin-left: 10px;
                }
                main .about .aboutTips .lft .thd{
                    font-size: 24px;
                }
                main .about .aboutTips .rht p{
                    font-size: 20px !important;
                }
                main .about .content{
                    margin-top: 60px;
                    padding-bottom: 0px;
                }
                main .about .content .txt{
                    margin-top: 45px;
                    box-sizing: content-box;
                }
                main .about .content .txt .more{
                    display: none;
                }
                
                main .about .content .round{
                    width: 80vw;
                    height: 80vw;
                    perspective:400vw;
                }
                main .about .content .round .circle.big{
                    width: 70vw;
                    height: 70vw;
                }
                main .about .content .round .circle.letter{
                    width: 60vw;
                    height: 60vw;
                }
                main .about .content .round .circle.letter .small .item{
                    width: 8px;
                    height: 8px;
                }
                main .about .content .round .circle.letter>*>*:nth-child(1){
                    transform: rotate(60deg) translateY(-30vw) ;
                }
                main .about .content .round .circle.letter>*>*:nth-child(2){
                    transform: rotate(170deg) translateY(-30vw) ;
                }
                main .about .content .round .circle.letter>*>*:nth-child(3){
                    transform: rotate(320deg) translateY(-30vw) ;
                }
                main .about .content .round .picCircle{
                    width: 45vw;
                    height: auto;
                }
                main .about .content .round .circle.letter .letterBox p{
                    top: calc(50% - 9px);
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(1){
                    transform: rotate(60deg) translateY(-35vw) ;
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(2){
                    transform: rotate(170deg) translateY(-35vw) ;
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(3){
                    transform: rotate(320deg) translateY(-35vw) ;
                }
                main .about .content .round .circle.letter .letterBox p span{
                    line-height: 18px;
                    font-size: 18px;
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(1) span{
                    transform: rotate(-60deg) translateX(35px);
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(2) span{
                    transform: rotate(-170deg) translateX(35px);
                }
                main .about .content .round .circle.letter .letterBox p:nth-child(3) span{
                    transform: rotate(-320deg) translateX(-35px);
                }
                main .about .content .round .logo{
                    width: 15vw;
                }
                main .about .content .txt{
                    overflow: hidden;
                }
                main .about .content>.flipBtn{
                    display: block;
                }
                main .about .content .txt .txtBox p{
                    font-size: 14px;
                    line-height: 25px;
                }
                main .about .content .txt .txtBox p span{
                    font-size: 18px;
                }
                


                main .case{
                    margin-top: 60px;
                    padding-bottom: 0px;
                }
                main .case .roll .examples{
                    
                    flex-wrap: wrap;
                    align-items: center;
                }
                main .case .blockHead .roll .examples .block{
                    align-items: center;
                    width: 50%;
                }
                main .case .blockHead .roll .examples .block span:first-child{
                    font-size: 36px;
                    line-height: 36px;
                }
                main .case .blockHead .roll .examples .block span:last-child{
                    font-size: 14px;
                }
                main .case .blockHead .roll .examples .block:nth-child(even){
                    transform: initial;
                }
                main .case .blockHead .roll .examples .block + .block{
                    margin-left: 0px;
                }
                main .case .blockHead .roll .examples .block:nth-child(n + 3){
                    margin-top: 30px;
                }
                main .case .contn .examplePalace .box .item a .addr span:first-child{
                    font-size: 14px;
                }
                main .case .contn .examplePalace .box .item a .addr img{
                    height: 14px;
                }
                main .case .contn .examplePalace .box .item a .addr span:last-child{
                    font-size: 12px;
                    line-height: 12px;
                }
                main .case .contn{
                    margin-top: 60px;
                }
                main .case .contn .sideNav{
                    width: 110px;
                }
                main .case .contn .examplePalace{
                    width: calc(100% - 110px);
                }
                main .case .contn .sideNav li p{
                    font-size: 14px;
                    padding:10px 0px;
                }
                main .case .contn .sideNav li p .line{
                    width: 25px;
                    margin-right: 10px;
                }
                main .case .contn .sideNav li .fNav.msEnter{
                    font-size: 16px;
                }
                main .case .contn .sideNav li .sonMenu{
                    padding-left: 30px;
                }
                main .case .contn .sideNav li .sonMenu li{
                    font-size: 12px;
                }


                main .team{
                    padding-top: 60px;
                }
                main .team .content{
                    margin-top: 80px;
                    flex-direction: column;
                }
                main .team .content>*{
                    width: 100% !important;
                }
                main .team .pic{
                    height: 110vw;
                    margin-left: 0px;
                }
                main .team .arrows{
                    display: none;
                }
                main .team .arrows img + img{
                    margin-left: 0px;
                }
                main .team .info{
                    position: relative;
                    top: initial;
                    transform: initial;
                    padding:0px 15px;
                    padding-top: 20px;
                    padding-bottom: 35px;
                    margin-top: 35px;
                }
                main .team .info>p:first-child{
                    font-size: 24px;
                }
                main .team .info i{
                    margin: 10px 0px;
                }
                main .team .info .name{
                    font-size: 32px;
                }
                main .news .title .filter{
                    top:70px
                }
                main .news>.more{
                    margin-top: 50px;
                }
                main .news{
                    padding-bottom: 30px;
                }
            }
            @media(max-width:500px){
                main .news{
                    padding-top: 60px;
                }
                main .news .title .filter{
                    margin-left: 10px;
                }
                main .news .title .filter p{
                    margin-right: 0px;
                }
                main .news .title .filter p + p{
                    margin-left: 10px;
                }
                main .news .newsBox{
                    padding-top: 40px;
                }
                main .news ul{
                    padding: 0px 10px;
                }
            }
            
            

            